<script setup lang="ts">
import DarkModeContainer from '@/components/common/dark-mode-container.vue';
import { useThemeStore } from '@/store/modules/theme';

defineOptions({ name: 'ClientFooter' });

const themeStore = useThemeStore();
const currentYear = new Date().getFullYear();
</script>

<template>
  <DarkModeContainer class="h-full flex-center text-14px">
    <p
      class="flex-center"
      :class="[
        themeStore.footer.right ? 'justify-end w-full pr-16px' : '',
        themeStore.footer.fixed ? 'dark:text-white' : 'text-[#6a6a6a] dark:text-white'
      ]"
    >
      Copyright © 2023-{{ currentYear }} Soybean Client System
    </p>
  </DarkModeContainer>
</template>

<style scoped></style> 